<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>浏览器窗体加载事件</title>
</head>

<body>
    <script>
        // load 等页面内容全部加载完毕，包含页面dom元素 图片 flash  css 等等
        // DOMContentLoaded 是DOM 加载完毕，不包含图片 falsh css 等就可以执行 加载速度比 load更快一些
        window.addEventListener('DOMContentLoaded', function(e) {
            let btn = window.document.querySelector('#btn');
            btn.addEventListener('click', function(e) {
                window.alert(btn.innerText);
            });
        });
        window.addEventListener('DOMContentLoaded', function(e) {
            let btn = window.document.querySelector('#btn');
            btn.addEventListener('click', function(e) {
                window.alert('刘晓兰');
            });
        });
    </script>
    <button id="btn">你过来呀</button>
</body>

</html>